<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="/base/templates/main-gui.xhtml">
    <ui:define name="content">
        <h:form id="formGestion">
            <p:growl id="messages" showSummary="false" showDetail="true" life="3000" />
            <p:panel id="panel" header="#{bundle_transferencia.label_titulo_panel}">
                <br />
                <p:panelGrid style="width: 100%">
                    <p:row>
                        <p:column>
                            <table cellpadding="0" cellspacing="0" width="100%">
                                <tr>
                                    <td colspan="2">
                                        <p:graphicImage url="/resources/images/16x16/star-full-icon.png" style="vertical-align: middle" />
                                        &nbsp;
                                        #{bundle_transferencia.label_seleccione_origen_destino}
                                        <br/><br/>
                                    </td>
                                </tr>
                                <tr>
                                    <td valign="top" width="50%">
                                        <h:outputText value="#{bundle_transferencia.label_transferir_origen}:" />
                                        <br />
                                        <p:dataTable id="cuentasOrigenTable"  
                                                     widgetVar="widgetCuentasOrigen"
                                                     var="cuenta" 
                                                     value="#{transferenciaBacking.cuentaBacking.cuentasList}"    
                                                     rowKey ="#{cuenta.numero}" 
                                                     paginator="true"
                                                     paginatorPosition="bottom"
                                                     rows="5" 
                                                     selectionMode="single"
                                                     selection="#{transferenciaBacking.selectedCuentaOrigen}"
                                                     emptyMessage="#{bundle_comun.label_paginador_empty}"
                                                     paginatorTemplate="#{bundle_comun.label_paginador_template}"  
                                                     currentPageReportTemplate="#{bundle_comun.label_paginador_currentTemplate}">

                                            <p:column headerText="&nbsp;#{bundle_cuenta.label_resultados_tabla_estado}" 
                                                      sortBy="#{cuenta.estado}"
                                                      style="text-align: center; width: 10%"> 
                                                <p:graphicImage url="/resources/images/16x16/#{cuenta.estado eq 'S' ? 'status-active-icon.png' : cuenta.estado eq 'N' ? 'status-red-icon.png' : cuenta.estado eq 'R' ? 'status-disabled-icon.png' : 'question-icon.png'}" 
                                                                title="#{cuenta.estado}"
                                                                style="vertical-align: middle" />
                                            </p:column>

                                            <p:column headerText="&nbsp;#{bundle_cuenta.label_resultados_tabla_numero}" 
                                                      sortBy="#{cuenta.numero}"
                                                      style="text-align: left">              
                                                #{cuenta.numero}
                                            </p:column>

                                            <p:column headerText="&nbsp;#{bundle_cuenta.label_resultados_tabla_saldo}" 
                                                      sortBy="#{cuenta.saldo}"
                                                      style="text-align: right">              
                                                <h:outputText value="#{cuenta.saldo}" >
                                                    <f:convertNumber pattern="$###,###.##" />
                                                </h:outputText>
                                            </p:column>

                                        </p:dataTable>
                                    </td>
                                    <td valign="top">
                                        <h:outputText value="#{bundle_transferencia.label_transferir_destino}:" />
                                        <br />
                                        <p:dataTable id="cuentasDestinoTable"  
                                                     widgetVar="widgetCuentasDestino"
                                                     var="cuenta" 
                                                     value="#{transferenciaBacking.cuentaBacking.cuentasList}"    
                                                     rowKey ="#{cuenta.numero}" 
                                                     paginator="true"
                                                     paginatorPosition="bottom"
                                                     rows="5" 
                                                     selectionMode="single"
                                                     selection="#{transferenciaBacking.selectedCuentaDestino}"
                                                     emptyMessage="#{bundle_comun.label_paginador_empty}"
                                                     paginatorTemplate="#{bundle_comun.label_paginador_template}"  
                                                     currentPageReportTemplate="#{bundle_comun.label_paginador_currentTemplate}">

                                            <p:column headerText="&nbsp;#{bundle_cuenta.label_resultados_tabla_estado}" 
                                                      sortBy="#{cuenta.estado}"
                                                      style="text-align: center; width: 10%"> 
                                                <p:graphicImage url="/resources/images/16x16/#{cuenta.estado eq 'S' ? 'status-active-icon.png' : cuenta.estado eq 'N' ? 'status-red-icon.png' : cuenta.estado eq 'R' ? 'status-disabled-icon.png' : 'question-icon.png'}" 
                                                                title="#{cuenta.estado}"
                                                                style="vertical-align: middle" />
                                            </p:column>

                                            <p:column headerText="&nbsp;#{bundle_cuenta.label_resultados_tabla_numero}" 
                                                      sortBy="#{cuenta.numero}"
                                                      style="text-align: left">              
                                                #{cuenta.numero}
                                            </p:column>

                                            <p:column headerText="&nbsp;#{bundle_cuenta.label_resultados_tabla_saldo}" 
                                                      sortBy="#{cuenta.saldo}"
                                                      style="text-align: right">              
                                                <h:outputText value="#{cuenta.saldo}" >
                                                    <f:convertNumber pattern="$###,###.##" />
                                                </h:outputText>
                                            </p:column>

                                        </p:dataTable>
                                    </td>
                                </tr>
                            </table>
                        </p:column>
                    </p:row>
                    <p:row>
                        <p:column>
                            <table cellpadding="0" cellspacing="0" width="100%">
                                <tr>
                                    <td colspan="4">
                                        <br/>
                                        <p:graphicImage url="/resources/images/16x16/star-full-icon.png" style="vertical-align: middle" />
                                        &nbsp;
                                        #{bundle_transferencia.label_diligencie_formulario}
                                        <br/><br/>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="20%">&nbsp;</td>
                                    <td width="30%">
                                        <h:outputText value="#{bundle_transferencia.label_transferir_clave}:" />
                                        <br />
                                        <p:password size="30"
                                                    maxlength="30"
                                                    label="#{bundle_transferencia.label_transferir_clave}"  
                                                    value="#{transferenciaBacking.clave}" /> 
                                    </td>
                                    <td>
                                        <h:outputText value="#{bundle_transferencia.label_transferir_valor}:" /> 
                                        <br/>
                                        <p:inputText size="30"
                                                     maxlength="30"
                                                     label="#{bundle_transferencia.label_transferir_valor}"  
                                                     value="#{transferenciaBacking.valor}" />
                                        <br />
                                        <br />
                                        <h:outputText value="#{bundle_transferencia.label_transferir_confirme_valor}:" /> 
                                        <br/>
                                        <p:inputText size="30"
                                                     maxlength="30"
                                                     label="#{bundle_transferencia.label_transferir_confirme_valor}"  
                                                     value="#{transferenciaBacking.confirmeValor}" />
                                    </td>
                                    <td width="20%">&nbsp;</td>
                                </tr>
                            </table>
                        </p:column>
                    </p:row> 
                </p:panelGrid>
                <f:facet name="footer">
                    <div align="right">
                        <p:commandButton value="#{bundle_comun.button_aceptar}" 
                                         title="#{bundle_comun.button_aceptar}" 
                                         action="#{transferenciaBacking.realizarTransferencia}" 
                                         update="@form"
                                         icon="transferencias"
                                         style="margin:0"/>
                        &nbsp;
                        <p:commandButton value="#{bundle_comun.button_limpiar}" 
                                         title="#{bundle_comun.button_limpiar}" 
                                         action="#{transferenciaBacking.resetForm}"
                                         update="@form"
                                         icon="limpiar" />
                    </div>
                </f:facet>
                <p:messages id="msg" showSummary="true" showDetail="true" />
                <br />
            </p:panel>
        </h:form>
    </ui:define>
</ui:composition>